<html>
<head>
    <base href="http://01-shu1-xsx.oss-cn-hangzhou.aliyuncs.com">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="msapplication-tap-highlight" content="no" />
	<title>7人十三张</title>
	<link rel="stylesheet" href="./fiesc/css/loading_new.css">
	<link rel="stylesheet" type="text/css" href="./files/css/s134_room6.css">
	<link rel="stylesheet" type="text/css" href="./fiesc/css/alertbox.css">
	<link rel="stylesheet" type="text/css" href="./files/giftShop_dy/gift.css?v=ss1">
	<link rel="stylesheet" type="text/css" href="./files/css/skin.css?v=s1">
	<link rel="stylesheet" type="text/css" href="./fiesc/css/ncomm.css">
	<link rel="stylesheet" type="text/css" href="./fiesc/css/qrcode.css?v=123">
	<link rel="stylesheet" type="text/css" href="./files/css/s137.css?v=2Xs0201">
	<script type="text/javascript" src="./fiesc/js/fastclick.js"></script>
	<script type="text/javascript" src="./files/js/base64.js"></script>
	<script type="text/javascript">var AAALoadReturnCode="";</script>
	<script type="text/javascript" src="./files/js/vconsole.min.js?v=12"></script>
	<script type="text/javascript">
		document.write('<script type="text/javascript" src="./js/config.js?v=' + new Date().getTime() + '"> <\/script>');
		document.write('<script type="text/javascript" src="./js/load.js?v=' + new Date().getTime() + '"> <\/script>');
		//var vConsole = new window.VConsole();
	</script>
	<script type="text/javascript">
		var maxCount = 7;
		document.documentElement.style.fontSize = document.documentElement.clientWidth / 360 * 100 + 'px';
		window.addEventListener('load', function() {
			FastClick.attach(document.body);
			$("#loadings").hide();
		}, false);
	</script>
</head>

<body>
<div id="dialog" style="display:none">
	<img src="./fiesc/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
	<p id="main" class="main">
	</p>
	<p class="other">
		请手动复制
	</p>
</div>
<div class="main" id="app-main"
	 style="position: relative; width: 100%;margin: 0 auto; background: #fff; display: none;">
	<span class="copy-tip" v-if="isShowTipsText" style="z-index: 200;">{{tipsText}}</span>

	<div style="width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 110;background: #d8dbdb;"
		 v-if="isShowLoading">
		<img class="loadingNum" src="./files/images/daoyou/loading/loading_bg.png"
			 style="position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 26vw;">
		<img class="loadingNum" :src="'/files/images/daoyou/loading/' + loadingNum + '.png'"
			 style="position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 13vw;">
	</div>

	<span class="copy-tip" id="tips" style="display:none">已复制到剪贴板</span>
	<img src="./files/images/common/icon_copy2.png" class="needsclick zhuonuo"
		 id="copy_btn" @click="copyLink"/>
	<textarea id="room_str" readonly="readonly"></textarea>

	<!-- 观战功能 -->
	<img src="./files/images/guest/is_watching.png" style="position: fixed;z-index: 90;width: 50%;left: 25%;top: 50%;"
		 v-show="isWatching==1">
	<div class="sidelines-mask" style="display:none" v-on:click="hideGuests"></div>
	<div class="sidelines-content">
		<div class="sidelines-num">观战人数：<i>{{guests.length}}</i></div>
		<div class="sidelines-list">
			<div class="sidelines-box">
				<div class="sidelines-item" v-for="guest in guests">
					<div class="sidelines-path"><img v-bind:src="guest.avatar">
					</div>
					<div class="sidelines-info">
						<div class="sidelines-name">{{guest.nickname}}</div>
					</div>
					<div class="sidelines-icon"></div>
				</div>
			</div>
		</div>
		<div class="sidelines-btn">
			<div class="sidelines-join-game" v-show="showSitdownButton" v-on:click="sitDown">加入游戏</div>
			<!--            <div class="sidelines-look-game"  v-on:click="guestRoom"><img src="--><!--files/images/common/guset-room.png"></div>-->
			<div class="sidelines-look-game" v-show="showWatchButton" v-on:click="guestRoom"><img
					src="./files/images/common/guset-room.png"></div>
		</div>
		<div class="sidelines-close" v-on:click="hideGuests"></div>
	</div>

	<div v-show="isShowQr" class="indiv-mask">
		<div class="new-qrcode-box">
			<div class="new-hide-qrcode" @click="hideQr()"></div>
			<div id="qrcodeId" class="new-qrcode-box-info">
				<!-- <img v-bind:src="globalData.qrUrl" width="97%" /> -->
			</div>
			<div class="new-qrcode-box-info1">
				<img :src="qrcodeimg" />
			</div>
		</div>
	</div>

	<!--防作弊未设置-->
	<div v-show="isShowIndiv" class="indiv-mask">
		<div class="indiv-box">
			<div class="indiv-box-info">
				<div class="hide-indiv" @click="hideIndiv()"></div>
				<div class="indiv-title"></div>
				<div class="enter-indiv">
					<input type="text" placeholder="请输入个性暗号" v-model="inputIndiv" v-on:blur="blurIpt">
				</div>
				<div class="confirm-indiv" @click="showIndivConfirm()"></div>
			</div>
		</div>
	</div>

	<!--防作弊确认框-->
	<div v-if="isShowIndivConfirm" class="indiv-mask">
		<div class="indiv-box"
			 style="width: 80vw;background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
			<div class="indiv-box-info">
				<div class="hide-indiv" @click="hideIndivConfirm()"></div>
				<div class="indiv-title"></div>
				<div class="tip-text"></div>
				<div class="btn-indiv" @click="hideIndivConfirm()"></div>
				<div class="confirm-indiv2" @click="setIndividuality()"></div>
			</div>
		</div>
	</div>

	<!--已设置过防作弊-->
	<div v-if="isShowIndividuality" class="indiv-mask">
		<div class="indiv-box" style="background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
			<div class="indiv-box-info">
				<div class="hide-indiv" @click="hideIndiv()"></div>
				<div class="indiv-title"></div>
				<div class="indiv-content">
					<div class="person-info">
						<img :src="userData.avatar" class="avatar">
						<div class="name">{{userData.nickname}}</div>
						<div class="id">编号: {{userData.accountId}}</div>
					</div>
					<img src="./files/images/daoyou/package/line.jpg" style="width: 90%;margin-left: 5%;margin-top: 0.1rem;">
					<div class="my-indiv">
						<span class="label">防作弊暗号</span>
						<span class="my-indiv-text">{{userData.individuality}}</span>
					</div>
					<div style="font-size: 0.15rem;margin-left: 4vw;color: #8a6737">请认准反作弊暗号和编号</div>
				</div>
			</div>
		</div>
	</div>

	<!--弹出暗号框-->
	<div class="showOnceIndiv" v-show="showOnceIndiv"
		 style="background: url(./files/images/daoyou/game/indiv_bg.png);background-size: 100% 100%;">
		<div style="position:relative;">
			<div style="position: absolute;color: rgb(245, 155, 126);top: 0.3rem;left: 1.1rem;">注意！ 注意！</div>
			<div
					style="position:absolute;color: #000;top: 0.5rem;height: 0.25rem;line-height: 0.25rem;left: 0.9rem;width: 1.1rem;text-align: center;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
				暗号:{{userData.individuality}}</div>
		</div>
	</div>

	<div id="gameBottom"></div>
	<div class="top flex-cont" v-if="globalData.maxCount<13">
		<div class="left">
			<img src="./files/images/common/roomCard.png">
			<span>{{userData.card}}</span>
		</div>
		<div class="flex-item"><span>{{game.round}}</span>/<span>{{game.total_num}}</span>局</div>
		<div class="right">
			<div class="rules-focus">
				<span v-on:click="sendToChat" class="return-index"></span>
				<span class="watch" v-on:click="showGuests">
							<i class="guestNum">{{guests.length}}</i>
						</span>
			</div>
		</div>
	</div>
	<div class="icon-more-mask" @click="hideIconMore"></div>
	<div class="icon-more" @click="showIconMore">
		<span class="game-indiv" v-on:click="showIndiv"></span>
		<span class="game-rule" v-on:click="showGameRule"></span>
		<span class="game-sound" v-on:click="showAudioSetting">
				</span>
	</div>

	<div class="bottom-box" v-if="globalData.maxCount>10">
		<div class="game-round" v-if="globalData.maxCount>10">
			<span>{{game.round}}</span>/<span>{{game.total_num}}</span>局</div>
		<div class="game-points" v-if="globalData.maxCount>10">底分：<span>{{base_score}}</span>分</div>
		<img class="bottomTab" src="./fiesc/images/nbull/bottom.png" alt="">
		<div class="bottomRoomCard">
			<img src="./files/images/common/roomCard.png" />
			<div class="num">
				<div style="position: relative;padding: 0 1.5vh 0 5vh;">{{userData.card}}</div>
			</div>
		</div>
		<span class="bottomWatch" v-on:click="showGuests">
					<i class="guestNum">{{guests.length}}</i>
				</span>

		<img class="bottomChat" src="./files/images/daoyou/game/send_to_chat.png" v-on:click="sendToChat" />
		<img class="bottomHome" src="./files/images/common/return-index3.png" v-on:click="showHomeAlert" />
		<img class="bottomMessage" src="./files/images/common/game-chat02.png" v-on:click="showMessage">
	</div>

	<div class="points" v-if="globalData.maxCount<13">底分：<span>{{base_score}}</span>分</div>
	<div class="chat" v-on:click="showMessage" v-if="globalData.maxCount<13"></div>

	<div class="disconnect" v-show="!connectOrNot"
		 style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101">
		<div
				style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;">
		</div>
		<a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a>
	</div>

	<!-- 聊天室 -->
	<img class="toChat" src="./files/images/daoyou/hall/btn_chat.png" v-on:click="goToChat">
	<!--二维码-->
	<img class="qrcode" src="./files/images/common/erweima.png"  v-on:click="showQr">
	<!--返回首页-->
	<img v-if="globalData.maxCount<13" class="hall" src="./files/images/common/return-index3.png"
		 v-on:click="showHomeAlert">

	<!--自动准备-->
	<div :class="'auto-ready4'" v-on:click="autoReady()" v-if="isWatching!=1">
		<img v-show="appData.isAutoReady==1" src="./files/images/common/ready_false4.png">
		<img v-show="appData.isAutoReady==0" src="./files/images/common/ready_true3.png">
	</div>
	<!-- 积分榜，消息按钮 -->
	<map name="planetmap" id="planetmap">
		<area shape="rect" v-bind:coords="'0,0,' + width/3.2 + ',' + width/8" class="showRanking" />
		<area shape="rect" v-bind:coords="width/3*2 + ',0,' + width + ',' + width/8" v-on:click="showMessage" />
	</map>

	<!-- 提示框 -->
	<div class="alert" id="valert" v-show="isShowAlert">
		<div class="alertBack"></div>
		<div class="mainPart">
			<div class="backImg"
				 style="background: url(./files/images/daoyou/common/back_alert.png) !important; background-size: 100% 100% !important;">
				<div class="blackImg" style="background: transparent;"></div>
			</div>

			<div class="alertText">
				<div class="rull" v-show="alertType==4" style="font-size: 2.2vh">
					模式<a v-if="ruleInfo.banker_mode==1">自由抢庄</a>
					<a v-if="ruleInfo.banker_mode==2">明牌抢庄</a>
					<a v-if="ruleInfo.banker_mode==3">牛牛上庄</a>
					<a v-if="ruleInfo.banker_mode==4">通比牛牛</a>
					<a v-if="ruleInfo.banker_mode==5">固定庄家</a><br>
					底分：<a v-if="ruleInfo.baseScore==1">1分</a>
					<a v-if="ruleInfo.baseScore==2">2分</a>
					<a v-if="ruleInfo.baseScore==3">3分</a>
					<a v-if="ruleInfo.baseScore==4">4分</a>
					<a v-if="ruleInfo.baseScore==5">5分</a><br>
					规则：
					<a v-if="ruleInfo.timesType==1">牛牛x3牛九x2牛八x2</a>
					<a v-if="ruleInfo.timesType==2">牛牛x4牛九x3牛八x2牛七x2</a><br>
					<a
							v-if="ruleInfo.isCardbomb==1||ruleInfo.isCardtiny==1||ruleInfo.isCardfive==1||ruleInfo.isCardfour==1||ruleInfo.isCardStraight==1||ruleInfo.isCardFlush==1||ruleInfo.isCardSequence==1||ruleInfo.isCardCalabash==1">牌型：</a>
					<a v-if="ruleInfo.isCardfour==1">四花牛(4倍)</a>
					<a v-if="ruleInfo.is_cardtinyfour==1">四小牛(4倍)</a>
					<a v-if="ruleInfo.isCardStraight==1">顺子牛(5倍)</a>
					<a v-if="ruleInfo.isCardfive==1">五花牛(5倍)</a>
					<a v-if="ruleInfo.isCardFlush==1">同花牛(6倍)</a>
					<a v-if="ruleInfo.isCardCalabash==1">葫芦牛(7倍)</a>
					<a v-if="ruleInfo.isCardbomb==1">炸弹牛(8倍)</a>
					<a v-if="ruleInfo.isCardtiny==1">五小牛(8倍)</a>
					<a v-if="ruleInfo.isCardSequence==1">同花顺(10倍)</a>
					<a v-if="ruleInfo.is_cardnbomb==1">核弹牛(12倍)</a>
					<a
							v-if="ruleInfo.isCardbomb==1||ruleInfo.isCardtiny==1||ruleInfo.isCardfive==1||ruleInfo.isCardfour==1||ruleInfo.isCardStraight==1||ruleInfo.isCardFlush==1||ruleInfo.isCardSequence==1||ruleInfo.isCardCalabash==1"><br></a>
					局数：
					<a>{{game.total_num}}局 </a><br>
					<span v-if="ruleInfo.banker_mode==5">上庄：
								<a v-if="ruleInfo.banker_score==1">无</a>
								<a v-if="ruleInfo.banker_score==2">300</a>
								<a v-if="ruleInfo.banker_score==3">500</a>
								<a v-if="ruleInfo.banker_score==4">1000</a><br></span>
					下注:
					<a v-if="ruleInfo.bet_type==0">1/2/3/5倍</a>
					<a v-if="ruleInfo.bet_type==1">1/2/4/5倍</a>
					<a v-if="ruleInfo.bet_type==2">1/3/5/8倍</a>
					<p v-if="ruleInfo.bet_type==4">1/5/8/12倍</p>
					<a v-if="ruleInfo.bet_type==3">2/4/6/10倍</a>
					<a v-if="ruleInfo.bet_type==5">1/4/6/10倍</a>
				</div>

				<div v-if="alertType==8" style="font-size: 2.2vh">
					<div>你还不是房主的好友,无法加入房间</div>
					<div style="height: 6.6vh;">
						<img v-bind:src="ownerUser.avatar"
							 style="position: relative; width: 5vh;height: 5vh;border: .1vh solid yellow;top: .5vh;">
						<span
								style="position: relative; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;top: -1.4vh;overflow: hidden;">{{ownerUser.nickname}}</span>

					</div>
				</div>

				<div style="color: rgb(149,100,77);">{{alertText}}</div>

				<div v-if="alertType==14" style="font-size: 2.2vh">
					<div style="height: 8.0vh;">
						<span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">推荐人：</span>
						<input style="position: relative;top: 1.4vh; width: 40vw;height: 4.6vh;line-height: 4.6vh;font-size: 2.4vh;" type="number" placeholder="请输入推荐人" v-model="recommendCode" v-on:blur="blurIpt">
						<span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">{{recommendMsg}}</span>
					</div>
				</div>

				<div v-if="alertType==8"
					 style="position: absolute;width:100%;line-height: 4.2vh;height: 4.2vh;width: 14vh;left:50%;margin-left:-7vh;text-align: center;overflow: hidden;">
					<div v-show="applyStatus==0" style="border-radius: 2vh;background-color: #EE7942;color: #fff"
						 v-on:click="applyToJoin">确定</div>
					<div v-show="applyStatus==1" style="border-radius: 2vh;background-color: #6f6363;color: #fff">申请中</div>
				</div>



			</div>

			<div v-show="alertType==2">
				<div class="buttonMiddle" v-on:click="hall">返回大厅</div>
			</div>
			<div v-show="alertType==3">
				<div class="buttonLeft" v-on:click="hall">返回大厅</div>
				<div class="buttonRight" v-on:click="closeAlert">取消</div>
			</div>

			<!-- 观战功能 -->
			<div v-show="alertType==4" class="button">

			</div>

			<div v-show="alertType==7">
				<div class="buttonMiddle" v-on:click="hall">返回大厅</div>
			</div>
			<div v-show="alertType==8">
			</div>
			<div v-show="alertType==9">
				<div class="buttonMiddle" v-on:click="showBreakRoom">确定</div>
			</div>
			<div v-show="alertType==10">
				<div class="buttonLeft" v-on:click="closeAlert">取消</div>
				<div class="buttonRight" v-on:click="confirmBreakRoom">确定</div>
			</div>
			<div v-show="alertType==11">
				<div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
			</div>
			<div v-show="alertType==12">
				<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyFriend">申请好友</div>
				<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
			</div>
			<div v-show="alertType==13">
				<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyClub">申请加入俱乐部</div>
				<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
			</div>
			<div v-show="alertType==14">
				<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyUnion">申请加入联盟</div>
				<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
			</div>
			<div v-show="alertType==21">
				<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
			</div>
			<div v-show="alertType==22">
				<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
			</div>

			<div v-show="alertType==31">
				<div class="buttonMiddle" v-on:click="reloadView()">确定</div>
			</div>
		</div>
	</div>

	<div class="alertTip" v-show="isShowAlertTip">
		<div class="alertTipBG"></div>
		<img src="./fiesc/images/common/alertTipOk.png" v-show="alertTipType==1">
		<img src="./fiesc/images/common/alertTipWarn.png" v-show="alertTipType==2">
		<div class="alertTipText" style="font-size: .16rem;">{{alertTipText}}</div>
	</div>

	<div v-show="isShowApply" style="color: #000;">
		<div class="applyMask" style="width: 100%;height: 100%;position: fixed;background: #000;z-index: 111;"></div>
		<div
				style="background: url(./files/images/daoyou/common/back_home_box.png);background-size: 100% 100%;position: fixed;top: 50%;left: 50%;z-index: 111;transform: translate(-50%,-50%);    width: 76vw;height: 30vh">
			<img src="./files/images/daoyou/common/btn_close.png"
				 style="position: absolute;right: -3vw;top: -2vh;width: 10vw;" @click="hall">
			<div style="margin-top: 5vh;text-align: center;">你不是该俱乐部成员，无法加入房间</div>
			<div style="position: relative;height: 10vh;">
				<img :src="applyInfo.club_headimgurl"
					 style="width: 12vw;position: absolute;left: 18vw;top: 50%;transform: translateY(-50%);">
				<span
						style="position: absolute;left: 34vw;top: 50%;transform: translateY(-50%);">{{applyInfo.club_name}}</span>
			</div>
			<div style="text-align: center">是否申请加入俱乐部？</div>
			<img src="./files/images/daoyou/package/line.jpg"
				 style="    position: absolute;left: 50%;transform: translateX(-50%);margin-top: 1vh;width: 84%;">
			<div style="background: url(./files/images/daoyou/common/btn_bg.png);background-size: 100% 100%;width: 24vw;height: 4vh;
                    position: relative;
                    top: 2.5vh;
                    left: 50%;
                    transform: translateX(-50%);color: #fff;text-align: center;
                    line-height: 4vh;
                    font-size: 16px;
                    }" @click="applyClub()">
				{{applyInfo.status}}
			</div>
		</div>
	</div>

	<!-- 游戏桌子 -->
	<div class="table" id="table"
		 style="position: relative; width: 100%; height: 100%; z-index: 80; overflow: hidden;"
		 v-on:click="confirmAudioSetting('1')">
		<img class="tableBack" :src="tableSkin"
			 style="position: absolute;top:0;left: 0;width: 100vw;height: 100vh" />
		<!--
        <img class="tableBack" src="./files/images/hall/hall-name.png"
            style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.4rem;height: 0.4rem;" />
        -->
		<div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.6rem;height: 0.35rem;text-align:center;font-size: 0.30rem;color:#0A78B5;font-weight:bold;letter-spacing:0.06rem;font-family: '华文新魏'" >{{hallTitle}}</div>
		<div class="roomNum"
			 style="position: absolute;top: 40%;left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
			房号:{{globalData.roomNumber}}
		</div>
		<div v-show="userData.individuality" class="roomNum" style="position: absolute;top: calc(50% + 40px);left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
			防伪码:{{userData.individuality}}
		</div>
		<div style="position: absolute;color: #fff;font-size: 0.15rem;"
			 :style="globalData.maxCount>=13?'top: 4%;left: 50%;transform: translateX(-50%);':'top: 8%;left: 2%;'">
			编号:{{userData.accountId}}
		</div>

		<div class="cardDeal">
			<div v-for="p in player" v-show="p.account_id>0&&p.account_status>2&&p.account_status<8&&(game.cardDeal>0)">
				<div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-01'" style="z-index: 14;"
						 v-show="game.cardDeal>0"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-02'" style="z-index: 13;"
						 v-show="game.cardDeal>1"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-03'" style="z-index: 12;"
						 v-show="game.cardDeal>2"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-04'" style="z-index: 11;"
						 v-show="game.cardDeal>3"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-05'" style="z-index: 10;"
						 v-show="game.cardDeal>4"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-06'" style="z-index: 9;"
						 v-show="game.cardDeal>5"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-07'" style="z-index: 8;"
						 v-show="game.cardDeal>6"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-08'" style="z-index: 7;"
						 v-show="game.cardDeal>7"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-09'" style="z-index: 6;"
						 v-show="game.cardDeal>8"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-10'" style="z-index: 5;"
						 v-show="game.cardDeal>9"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-11'" style="z-index: 4;"
						 v-show="game.cardDeal>10"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-12'" style="z-index: 3;"
						 v-show="game.cardDeal>11"></div>
					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-13'" style="z-index: 2;"
						 v-show="game.cardDeal>12"></div>
				</div>
				<div v-bind:class="'liCard' + p.num" v-show="showLiCard">理牌中...</div>
			</div>
		</div>

		<!-- test111 -->

<!--		<div class="cardDeal">-->
<!--			<div v-for="p in player">-->
<!--				<div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-01'" style="z-index: 14;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-02'" style="z-index: 13;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-03'" style="z-index: 12;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-04'" style="z-index: 11;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-05'" style="z-index: 10;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-06'" style="z-index: 9;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-07'" style="z-index: 8;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-08'" style="z-index: 7;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-09'" style="z-index: 6;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-10'" style="z-index: 5;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-11'" style="z-index: 4;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-12'" style="z-index: 3;"></div>-->
<!--					<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '-13'" style="z-index: 2;"></div>-->
<!--				</div>-->
<!--				<div v-bind:class="'liCard' + p.num">理牌中...</div>-->
<!--			</div>-->
<!--		</div>-->

		<div class="cardOver" style="position: absolute; width: 100%; height: 100%; overflow:hidden;">
			<div v-for="p in player" v-show="p.account_status>=8&&game.show_card">
<!--				<div v-for="p in player">-->
				<div>
					<div class="cards zIndex1" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-01-2' + [p.isShowDun3?' card-flipped': ''] + [p.showDun3Up?' showZIndex1': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[0]"></div>
					</div>

					<div class="cards zIndex2" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-02-2' + [p.isShowDun3?' card-flipped': ''] + [p.showDun3Up?' showZIndex2': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[1]"></div>
					</div>

					<div class="cards zIndex3" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-03-2' + [p.isShowDun3?' card-flipped': ''] + [p.showDun3Up?' showZIndex3': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[2]"></div>
					</div>

					<div class="cards zIndex4" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-04-2' + [p.isShowDun3?' card-flipped': ''] + [p.showDun3Up?' showZIndex4': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[3]"></div>
					</div>

					<div class="cards zIndex5" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-05-2' + [p.isShowDun3?' card-flipped': ''] + [p.showDun3Up?' showZIndex5': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[4]"></div>
					</div>

					<div class="cards zIndex6" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-06-2' + [p.isShowDun2?' card-flipped': ''] + [p.showDun2Up?' showZIndex6': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[5]"></div>
					</div>

					<div class="cards zIndex7" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-07-2' + [p.isShowDun2?' card-flipped': ''] + [p.showDun2Up?' showZIndex7': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[6]"></div>
					</div>

					<div class="cards zIndex8" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-08-2' + [p.isShowDun2?' card-flipped': ''] + [p.showDun2Up?' showZIndex8': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[7]"></div>
					</div>

					<div class="cards zIndex9" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-09-2' + [p.isShowDun2?' card-flipped': ''] + [p.showDun2Up?' showZIndex9': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[8]"></div>
					</div>

					<div class="cards zIndex10" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-10-2' + [p.isShowDun2?' card-flipped': ''] + [p.showDun2Up?' showZIndex10': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[9]"></div>
					</div>

					<div class="cards zIndex11" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-11-2' + [p.isShowDun1?' card-flipped': ''] + [p.showDun1Up?' showZIndex11': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[10]"></div>
					</div>

					<div class="cards zIndex12" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-12-2' + [p.isShowDun1?' card-flipped': ''] + [p.showDun1Up?' showZIndex12': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[11]"></div>
					</div>

					<div class="cards zIndex13" v-bind:class="'cardtf' + p.num + ' card' + p.num + '-13-2' + [p.isShowDun1?' card-flipped': ''] + [p.showDun1Up?' showZIndex13': '']">
						<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
						<div class="face back" v-bind:class="'card' + p.card_open[12]"></div>
					</div>
				</div>
				<div class="special-type" v-bind:class="'special-type-' + p.num" v-show="p.isSpecialType" style="">特殊牌型</div>
			</div>
		</div>

		<!-- 枪图片 -->
		<div v-for="p in player" v-if="showShoot" v-show="p.num==shooter" v-bind:class="'memberGun' + p.num + ' gun-shot memberGun' + p.num + '-to-' + shootee">
			<img src="files/images/s13/shoot/qiang.png" style="position: absolute;  width: 100%;">
		</div>

		<!-- test111 -->
<!--		<div v-for="p in player" v-bind:class="'memberGun' + p.num + ' gun-shot memberGun' + p.num + '-to-1'">-->
<!--			<img src="files/images/s13/shoot/qiang.png" style="position: absolute;  width: 100%;">-->
<!--		</div>-->

		<!-- 火焰图片 -->
		<div v-for="p in player" v-if="showShoot" v-show="p.num==shooter" v-bind:class="'memberFlame' + p.num + ' flame memberFlame' + p.num + '-to-' + shootee">
			<img src="files/images/s13/shoot/huoyan.png" style="position: absolute; width: 100%;">
		</div>

		<!-- 弹孔图片 -->
		<div v-for="p in player" v-if="showShoot" v-show="p.num==shootee" v-bind:class="'memberHole' + p.num">
			<img class="kong1" v-show="showHole1" src="files/images/s13/shoot/kong1.png">
			<img class="kong2" v-show="showHole2" src="files/images/s13/shoot/kong2.png">
			<img class="kong3" v-show="showHole3" src="files/images/s13/shoot/kong3.png">
		</div>

		<!-- test111 -->
<!--		<div v-for="p in player" v-bind:class="'memberHole' + p.num">-->
<!--			<img class="kong1" src="files/images/s13/shoot/kong1.png">-->
<!--			<img class="kong2" src="files/images/s13/shoot/kong2.png">-->
<!--			<img class="kong3" src="files/images/s13/shoot/kong3.png">-->
<!--		</div>-->

		<!-- 牛几图片 -->
		<div v-for="p in player" v-bind:class="'memberBull' + p.num"
			 v-show="p.account_status==8&&game.show_card&&p.bullImg1.length>=1&&p.bullImg2.length>=1&&p.bullImg3.length>=1&&p.isShowDun1">
			<img class="dun1" v-show="p.isShowDunType1" v-bind:src="p.bullImg1" style="">
			<img class="dun2" v-show="p.isShowDunType2" v-bind:src="p.bullImg2" style="">
			<img class="dun3" v-show="p.isShowDunType3" v-bind:src="p.bullImg3" style="">
		</div>
		<!-- test111 -->
<!--		<div v-for="p in player" v-bind:class="'memberBull' + p.num">-->
<!--			<img class="dun1" v-show="!p.isShowDunType1" src="files/images/s13/card_type/ld.png" style="">-->
<!--			<img class="dun2" v-show="!p.isShowDunType2" src="files/images/s13/card_type/dz.png" style="">-->
<!--			<img class="dun3" v-show="!p.isShowDunType3" src="files/images/s13/card_type/tz.png" style="">-->
<!--		</div>-->


		<!-- 每道得分 -->
		<div v-for="p in player" v-if="p.num==1&&p.account_id>0&&p.account_status>=8" v-show="showDunScore" class="DunScoreText" v-bind:class="'DunScoreText' + p.num">
			<div class="Dun1" v-show="p.isShowDun1">
				<p
						style="position: absolute; line-height: 20px; width:100%;height: 20px; font-size: 1.5vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.2px white;text-shadow: 1px 2px 2px #022055; color: white;">
					头 :
					<span v-show="p.dun1Score>0">+</span>
					<span v-show="p.dun1Score<0"></span>
					{{p.dun1Score}}
				</p>
			</div>
			<div class="Dun2" v-show="p.isShowDun2">
				<p
						style="position: absolute; line-height: 20px; width:100%;height: 20px; font-size: 1.5vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.2px white;text-shadow: 1px 2px 2px #022055; color: white;">
					中 :
					<span v-show="p.dun2Score>0">+</span>
					<span v-show="p.dun2Score<0"></span>
					{{p.dun2Score}}
				</p>
			</div>
			<div class="Dun3" v-show="p.isShowDun3">
				<p
						style="position: absolute; line-height: 20px; width:100%;height: 20px; font-size: 1.5vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.2px white;text-shadow: 1px 2px 2px #022055; color: white;">
					尾 :
					<span v-show="p.dun3Score>0">+</span>
					<span v-show="p.dun3Score<0"></span>
					{{p.dun3Score}}
				</p>
			</div>
		</div>
		<!-- test111 -->
		<!--
		<div v-for="p in player" class="DunScoreText" v-bind:class="'DunScoreText' + p.num">
			<div class="Dun1">
				<p
						style="position: absolute; line-height: 20px; width:100%;height: 20px; font-size: 1.5vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.2px white;text-shadow: 1px 2px 2px #022055; color: white;">
					头 :
					<span v-show="p.dun1Score>0">+</span>
					<span v-show="p.dun1Score<0"></span>
					{{p.dun1Score}}
					(
					<span v-show="p.put1Score>0">+</span>
					<span v-show="p.put1Score<0"></span>
					{{p.put1Score}}
					)
				</p>
			</div>
			<div class="Dun2">
				<p
						style="position: absolute; line-height: 20px; width:100%;height: 20px; font-size: 1.5vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.2px white;text-shadow: 1px 2px 2px #022055; color: white;">
					中 :
					<span v-show="p.dun2Score>0">+</span>
					<span v-show="p.dun2Score<0"></span>
					{{p.dun2Score}}
					(
					<span v-show="p.put2Score>0">+</span>
					<span v-show="p.put2Score<0"></span>
					{{p.put2Score}}
					)
				</p>
			</div>
			<div class="Dun3">
				<p
						style="position: absolute; line-height: 20px; width:100%;height: 20px; font-size: 1.5vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.2px white;text-shadow: 1px 2px 2px #022055; color: white;">
					尾 :
					<span v-show="p.dun3Score>0">+</span>
					<span v-show="p.dun3Score<0"></span>
					{{p.dun3Score}}
					(
					<span v-show="p.put3Score>0">+</span>
					<span v-show="p.put3Score<0"></span>
					{{p.put1Score}}
					)
				</p>
			</div>
		</div>
		-->


		<!-- 计数总分 -->
		<div v-for="p in player" v-if="p.num==1&&p.account_id>0&&p.account_status>=8" v-show="showCountScore" class="memberCountScoreText" v-bind:class="'memberCountScoreText' + p.num">
			<p v-show="p.countScore<0"
			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #022055; color: white;">
				总分：{{p.countScore}}</p>
			<p v-show="p.countScore>0"
			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
				总分：+{{p.countScore}}</p>
			<p v-show="p.countScore==0"
			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
				总分：0</p>
		</div>
		<!-- test111 -->
<!--		<div v-for="p in player" class="memberCountScoreText" v-bind:class="'memberCountScoreText' + p.num">-->
<!--			<p v-show="p.countScore<0"-->
<!--			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #022055; color: white;">-->
<!--				总分：{{p.countScore}}</p>-->
<!--			<p v-show="p.countScore>0"-->
<!--			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">-->
<!--				总分：+{{p.countScore}}</p>-->
<!--			<p v-show="p.countScore==0"-->
<!--			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">-->
<!--				总分：0</p>-->
<!--		</div>-->

		<!-- 每局总分 -->
		<div v-for="p in player" v-if="p.account_id>0&&p.account_status>=8" v-show="game.show_score" class="memberScoreText" v-bind:class="'memberScoreText' + p.num">
			<p v-show="p.single_score<0"
			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #022055; color: white;">
				{{p.single_score}}</p>
			<p v-show="p.single_score>0"
			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
				+{{p.single_score}}</p>
			<p v-show="p.single_score==0"
			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
				0</p>
		</div>
		<!-- test111 -->
<!--		<div v-for="p in player" class="memberScoreText" v-bind:class="'memberScoreText' + p.num">-->
<!--			<p v-show="p.single_score<0"-->
<!--			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #022055; color: white;">-->
<!--				{{p.single_score}}</p>-->
<!--			<p v-show="p.single_score>0"-->
<!--			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">-->
<!--				+{{p.single_score}}</p>-->
<!--			<p v-show="p.single_score==0"-->
<!--			   style="position: absolute; line-height: 25px; width:100%;height: 25px; font-size: 2vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px white;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">-->
<!--				0</p>-->
<!--		</div>-->

		<div v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id<=0">
			<div class="quitBack" style="" v-on:click="sitDown(p.serial_num)">
				<img :src="'/files/images/daoyou/seat/seat' + p.serial_num + '.png'">
			</div>
		</div>
		<!-- 玩家  -->
		<div v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num+ ' pos'+ p.account_id"
			 v-show="p.account_id>0" v-on:click="sendGitViewShow(p.account_id,p)">
			<!-- 玩家头像 -->
			<img v-bind:src="p.headimgurl" class="avatar">
			<img v-if="p.head_kw!=''" :src="'/files/images/daoyou/shop/head/' + p.head_kw + '.png'" class="headKw">
			<img src="./fiesc/images/nbull/player_selected.png" class="banker" v-show="p.is_banker">

			<div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
				<div class="bname" style="text-align: center;overflow: hidden;">{{p.nickname}}</div>
				<div class="bscore" style="text-align: center;overflow: hidden;">{{p.account_score}}</div>
			</div>

			<img v-bind:id="'banker' + p.account_id" src="./fiesc/images/nbull/banker_bg.png" class="background"
				 style="position: absolute; top: -0.2vh;left: -0.2vh;width: 7.86vh; height: 7.86vh; display: none;" />
			<img :src="'/files/images/daoyou/seat/seatName' + p.serial_num + '.png'" class="seatName"
				 style="position: absolute;left: 0vh;width: 0.32rem;bottom: 0.32rem;">

			<img src="./fiesc/images/bull/banker_icon.png" class="background"
				 style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;" v-show="p.is_banker">

			<img v-bind:id="'bankerAnimate2' + p.num" src="./fiesc/images/nbull/banker_animate.png"
				 style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">
			<img v-bind:id="'bankerAnimate1' + p.num" src="./fiesc/images/nbull/banker_animate.png"
				 style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">

			<!-- 玩家离开或不在线 -->
			<div class="quitBack2" v-show="p.num>1&&p.online_status==0">
				<img src="./files/images/common/off_line.png" style="">
			</div>

			<div class="isReady" v-show="game.round!=game.total_num&&p.account_status==2&&p.num!=1">
				<img src="./files/images/daoyou/common/ready_text.png" class="ready" />
			</div>

			<div style="background-color: #fff;width:30px;height:30px;position:absolute;color:#000;left:50%;z-index:99;top:30%;line-height:30px;
            font-size:2em;transform:translate(-50%, -50%);" v-show="p.kind>=0">{{p.kind}}</div>
		</div>

		<!-- 玩家金币 -->
		<div id="playerCoins" style="display: none;">
			<div v-for='p in player'>
				<div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
					<img src="./files/images/daoyou/common/coin.png" style="position: absolute; width: 100%; height: 100%">
				</div>
			</div>
		</div>

		<!-- 显示玩家消息文本 -->
		<div v-for="p in player">
			<div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
				<div>{{p.messageText}}</div>
				<div class="triangle"> </div>
			</div>
		</div>

		<!-- 游戏状态:闲家下注  -->
		<div v-show="showClockBetText"
			 v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
			<p class="s-text"
			   style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
				闲家下注</p>
		</div>

		<!-- 游戏状态:等待摊牌 -->
		<div v-show="showClockShowCard"
			 v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
			<p class="s-text"
			   style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
				等待摊牌</p>
		</div>

		<div class="lipai-mask" v-show="liPai.isShow&&isWatching!=1&&player[0].account_status==7">
			<div class="allow-lipai">
				<div class="combine-panel">
					<div class="chosen-title">
						<div>请选择牌型</div>
					</div>
					<div class="combine-clock">
						<div class="clock-show">
							<div class="num">{{game.time}}</div>
						</div>
					</div>
					<div class="auto-chosen" v-show="liPai.mode===1">
						<div class="chosen-show">
							<div class="chosen-duns">
								<div class="chosen-dun1">
									<div class="face back cb-card ch-card01" data-dun="1" data-card="0" v-bind:class="'card-face-' +  liPai.auto.show.dun1.card0 + [liPai.auto.show.frame1.card0?' frame': '']"></div>
									<div class="face back cb-card ch-card02" data-dun="1" data-card="1" v-bind:class="'card-face-' +  liPai.auto.show.dun1.card1 + [liPai.auto.show.frame1.card1?' frame': '']"></div>
									<div class="face back cb-card ch-card03" data-dun="1" data-card="2" v-bind:class="'card-face-' +  liPai.auto.show.dun1.card2 + [liPai.auto.show.frame1.card2?' frame': '']"></div>
								</div>
								<div class="chosen-dun2">
									<div class="face back cb-card ch-card01" data-dun="2" data-card="0" v-bind:class="'card-face-' +  liPai.auto.show.dun2.card0 + [liPai.auto.show.frame2.card0?' frame': '']"></div>
									<div class="face back cb-card ch-card02" data-dun="2" data-card="1" v-bind:class="'card-face-' +  liPai.auto.show.dun2.card1 + [liPai.auto.show.frame2.card1?' frame': '']"></div>
									<div class="face back cb-card ch-card03" data-dun="2" data-card="2" v-bind:class="'card-face-' +  liPai.auto.show.dun2.card2 + [liPai.auto.show.frame2.card2?' frame': '']"></div>
									<div class="face back cb-card ch-card04" data-dun="2" data-card="3" v-bind:class="'card-face-' +  liPai.auto.show.dun2.card3 + [liPai.auto.show.frame2.card3?' frame': '']"></div>
									<div class="face back cb-card ch-card05" data-dun="2" data-card="4" v-bind:class="'card-face-' +  liPai.auto.show.dun2.card4 + [liPai.auto.show.frame2.card4?' frame': '']"></div>
								</div>
								<div class="chosen-dun3">
									<div class="face back cb-card ch-card01" data-dun="3" data-card="0" v-bind:class="'card-face-' +  liPai.auto.show.dun3.card0 + [liPai.auto.show.frame3.card0?' frame': '']"></div>
									<div class="face back cb-card ch-card02" data-dun="3" data-card="1" v-bind:class="'card-face-' +  liPai.auto.show.dun3.card1 + [liPai.auto.show.frame3.card1?' frame': '']"></div>
									<div class="face back cb-card ch-card03" data-dun="3" data-card="2" v-bind:class="'card-face-' +  liPai.auto.show.dun3.card2 + [liPai.auto.show.frame3.card2?' frame': '']"></div>
									<div class="face back cb-card ch-card04" data-dun="3" data-card="3" v-bind:class="'card-face-' +  liPai.auto.show.dun3.card3 + [liPai.auto.show.frame3.card3?' frame': '']"></div>
									<div class="face back cb-card ch-card05" data-dun="3" data-card="4" v-bind:class="'card-face-' +  liPai.auto.show.dun3.card4 + [liPai.auto.show.frame3.card4?' frame': '']"></div>
								</div>
							</div>
							<div class="chosen-types">
								<div class="chosen-type-list">
									<div class="chosen-type-content">
										<div class="cb-item" v-for="(combine, index) in liPai.auto.combines" v-if="(combine.is_special==1&&index==0)||(combine.is_special==0&&index>0)" :key="index" v-bind:class="liPai.auto.combineIndex==index? 'frame': ''" v-on:click="clickAutoCombine(index, combine);" >
											<div v-if="combine.is_special==1&&index==0">
												<div class="chosen-combine-special">
													<div>特殊牌</div>
													<div>{{combine.type}}</div>
													<div>&nbsp;</div>
												</div>
											</div>
											<div v-if="combine.is_special==0&&index>0">
												<div class="chosen-combine-type1">
													<div class="font-dun1">{{combine.dun1.type}}</div>
												</div>
												<div class="chosen-combine-type2">
													<div class="font-dun2">{{combine.dun2.type}}</div>
												</div>
												<div class="chosen-combine-type3">
													<div class="font-dun3">{{combine.dun3.type}}</div>
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>
						</div>
						<div class="chosen-button">
							<div class="chosen-button-list">
								<div class="play-cards">
									<div class="btn-show" v-on:click="showCard(1)"></div>
								</div>
								<div class="man-cards">
									<div class="btn-man" v-on:click="clickMan()"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="man-combine" v-show="liPai.mode===2">
						<div class="combine-show">
							<div class="combine-duns">
								<div class="combine-dun1">
									<div>
										<div class="cb-card co-card01" data-dun="1" data-card="0" v-bind:class="'card-face-' +  liPai.man.show.dun1.card0 + [liPai.man.show.frame1.card0?' frame': '']"></div>
										<div class="cb-card co-card02" data-dun="1" data-card="1" v-bind:class="'card-face-' +  liPai.man.show.dun1.card1 + [liPai.man.show.frame1.card1?' frame': '']"></div>
										<div class="cb-card co-card03" data-dun="1" data-card="2" v-bind:class="'card-face-' +  liPai.man.show.dun1.card2 + [liPai.man.show.frame1.card2?' frame': '']"></div>
									</div>
									<i class="clear-btn" v-on:click="clickManClearDun(1)"></i>
								</div>
								<div class="combine-dun2">
									<div>
										<div class="cb-card co-card01" data-dun="2" data-card="0" v-bind:class="'card-face-' +  liPai.man.show.dun2.card0 + [liPai.man.show.frame2.card0?' frame': '']"></div>
										<div class="cb-card co-card02" data-dun="2" data-card="1" v-bind:class="'card-face-' +  liPai.man.show.dun2.card1 + [liPai.man.show.frame2.card1?' frame': '']"></div>
										<div class="cb-card co-card03" data-dun="2" data-card="2" v-bind:class="'card-face-' +  liPai.man.show.dun2.card2 + [liPai.man.show.frame2.card2?' frame': '']"></div>
										<div class="cb-card co-card04" data-dun="2" data-card="3" v-bind:class="'card-face-' +  liPai.man.show.dun2.card3 + [liPai.man.show.frame2.card3?' frame': '']"></div>
										<div class="cb-card co-card05" data-dun="2" data-card="4" v-bind:class="'card-face-' +  liPai.man.show.dun2.card4 + [liPai.man.show.frame2.card4?' frame': '']"></div>
									</div>
									<i class="clear-btn" v-on:click="clickManClearDun(2)"></i>
								</div>
								<div class="combine-dun3">
									<div>
										<div class="cb-card co-card01" data-dun="3" data-card="0" v-bind:class="'card-face-' +  liPai.man.show.dun3.card0 + [liPai.man.show.frame3.card0?' frame': '']"></div>
										<div class="cb-card co-card02" data-dun="3" data-card="1" v-bind:class="'card-face-' +  liPai.man.show.dun3.card1 + [liPai.man.show.frame3.card1?' frame': '']"></div>
										<div class="cb-card co-card03" data-dun="3" data-card="2" v-bind:class="'card-face-' +  liPai.man.show.dun3.card2 + [liPai.man.show.frame3.card2?' frame': '']"></div>
										<div class="cb-card co-card04" data-dun="3" data-card="3" v-bind:class="'card-face-' +  liPai.man.show.dun3.card3 + [liPai.man.show.frame3.card3?' frame': '']"></div>
										<div class="cb-card co-card05" data-dun="3" data-card="4" v-bind:class="'card-face-' +  liPai.man.show.dun3.card4 + [liPai.man.show.frame3.card4?' frame': '']"></div>
									</div>
									<i class="clear-btn" v-on:click="clickManClearDun(3)"></i>
								</div>
							</div>
							<div class="combine-draw">
								<div class="combine-draw-list">
									<div class="cb-card cs-card01" v-show="!liPai.man.got.card0" v-bind:class="'card-face-'+liPai.man.show.cards.card0+' '+[liPai.man.draw.card0?'draw-up': 'draw-down']" v-on:click="pickManCard(0)"></div>
									<div class="cb-card cs-card02" v-show="!liPai.man.got.card1" v-bind:class="'card-face-' +  liPai.man.show.cards.card1+' '+[liPai.man.draw.card1?'draw-up': 'draw-down']" v-on:click="pickManCard(1)"></div>
									<div class="cb-card cs-card03" v-show="!liPai.man.got.card2" v-bind:class="'card-face-' +  liPai.man.show.cards.card2+' '+[liPai.man.draw.card2?'draw-up': 'draw-down']" v-on:click="pickManCard(2)"></div>
									<div class="cb-card cs-card04" v-show="!liPai.man.got.card3" v-bind:class="'card-face-' +  liPai.man.show.cards.card3+' '+[liPai.man.draw.card3?'draw-up': 'draw-down']" v-on:click="pickManCard(3)"></div>
									<div class="cb-card cs-card05" v-show="!liPai.man.got.card4" v-bind:class="'card-face-' +  liPai.man.show.cards.card4+' '+[liPai.man.draw.card4?'draw-up': 'draw-down']" v-on:click="pickManCard(4)"></div>
									<div class="cb-card cs-card06" v-show="!liPai.man.got.card5" v-bind:class="'card-face-' +  liPai.man.show.cards.card5+' '+[liPai.man.draw.card5?'draw-up': 'draw-down']" v-on:click="pickManCard(5)"></div>
									<div class="cb-card cs-card07" v-show="!liPai.man.got.card6" v-bind:class="'card-face-' +  liPai.man.show.cards.card6+' '+[liPai.man.draw.card6?'draw-up': 'draw-down']" v-on:click="pickManCard(6)"></div>
									<div class="cb-card cs-card08" v-show="!liPai.man.got.card7" v-bind:class="'card-face-' +  liPai.man.show.cards.card7+' '+[liPai.man.draw.card7?'draw-up': 'draw-down']" v-on:click="pickManCard(7)"></div>
									<div class="cb-card cs-card09" v-show="!liPai.man.got.card8" v-bind:class="'card-face-' +  liPai.man.show.cards.card8+' '+[liPai.man.draw.card8?'draw-up': 'draw-down']" v-on:click="pickManCard(8)"></div>
									<div class="cb-card cs-card10" v-show="!liPai.man.got.card9" v-bind:class="'card-face-' +  liPai.man.show.cards.card9+' '+[liPai.man.draw.card9?'draw-up': 'draw-down']" v-on:click="pickManCard(9)"></div>
									<div class="cb-card cs-card11" v-show="!liPai.man.got.card10" v-bind:class="'card-face-' +  liPai.man.show.cards.card10+' '+[liPai.man.draw.card10?'draw-up': 'draw-down']" v-on:click="pickManCard(10)"></div>
									<div class="cb-card cs-card12" v-show="!liPai.man.got.card11" v-bind:class="'card-face-' +  liPai.man.show.cards.card11+' '+[liPai.man.draw.card11?'draw-up': 'draw-down']" v-on:click="pickManCard(11)"></div>
									<div class="cb-card cs-card13" v-show="!liPai.man.got.card12" v-bind:class="'card-face-' +  liPai.man.show.cards.card12+' '+[liPai.man.draw.card12?'draw-up': 'draw-down']" v-on:click="pickManCard(12)"></div>
								</div>
							</div>
							<div class="combine-commons">
								<div class="combine-common-list">
									<div>
										<div class="bt-type" v-bind:class="[liPai.man.types.wt.length>0?' type1': ' type1-1']" v-on:click="clickManTypes(31)"></div>
										<div class="bt-type" v-bind:class="[liPai.man.types.ths.length>0?' type2': ' type2-1']" v-on:click="clickManTypes(30)"></div>
										<div class="bt-type" v-bind:class="[liPai.man.types.tz.length>0?' type3': ' type3-1']" v-on:click="clickManTypes(23)"></div>
										<div class="bt-type" v-bind:class="[liPai.man.types.hl.length>0?' type4': ' type4-1']" v-on:click="clickManTypes(22)"></div>
									</div>
									<div>
										<div class="bt-type" v-bind:class="[liPai.man.types.th.length>0?' type5': ' type5-1']" v-on:click="clickManTypes(21)"></div>
										<div class="bt-type" v-bind:class="[liPai.man.types.sz.length>0?' type6': ' type6-1']" v-on:click="clickManTypes(20)"></div>
										<div class="bt-type" v-bind:class="[liPai.man.types.st.length>0?' type7': ' type7-1']" v-on:click="clickManTypes(13)"></div>
										<div class="bt-type" v-bind:class="[liPai.man.types.ld.length>0?' type8': ' type8-1']" v-on:click="clickManTypes(12)"></div>
										<div class="bt-type" v-bind:class="[liPai.man.types.dz.length>0?' type9': ' type9-1']" v-on:click="clickManTypes(11)"></div>
									</div>
								</div>

							</div>
						</div>
						<div class="combine-button">
							<div class="combine-button-list">
								<div class="play-cards">
									<div class="btn-show" v-on:click="showCard(2)"></div>
								</div>
								<div class="auto-cards">
									<div class="btn-auto" v-on:click="clickAuto()"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="clock" v-show="game.time>-1"
			 style="position: absolute; top: 32%; left:50%;transform: translateX(-50%); width: 76px; height: 74px;z-index: 2;">
			<img src="./files/images/daoyou/common/clock.png" style="position: absolute; width: 100%; height: 100%;" />
			<p
					style="position: absolute;top: 8px;left: 0px;width: 76px; height: 60px;color: #f7ce46;text-align: center;font-weight: bolder;line-height: 60px;font-size: 24px;">
				{{game.time}}
			</p>
		</div>

		<div class="startGame" v-show="isStartGame">
			<div class="pkBack"></div>
			<img src="./files/images/flower/comE.gif" class="pkE" />
			<img src="./files/images/daoyou/game/comV.png" class="pkV" />
			<img src="./files/images/daoyou/game/comS.png" class="pkS" />
		</div>

		<div class="startPk" v-show="isStartPk">
			<div class="pkBack"></div>
			<img src="./files/images/s13/other/start_pk.png" class="pkE" />
		</div>

		<!--  赢家画面  -->
		<div class="winImage" v-show="isWinImage">
			<div class="pkBack"></div>
			<img src="./files/images/s13/other/shengli.png" class="pkE" />
		</div>

		<!--  输家画面  -->
		<div class="winImage" v-show="ifLoseImage">
			<div class="pkBack"></div>
			<img src="./files/images/s13/other/shibai.png" class="pkE" />
		</div>

		<!--  全垒打  -->
		<div class="allBang" v-show="isAllBang">
			<div class="pkBack"></div>
			<img src="./files/images/s13/shoot/qld.png" class="pkE" />
		</div>

		<div class="specialType" v-show="isSpecialType">
			<div class="pkBack"></div>
			<img :src="specialImage" class="pkE" />
			<div>
				<div class="combine-draw">
					<div class="combine-draw-list">
						<div class="cb-card cs-card01" v-bind:class="'card-face-' +  specialCards.card0"></div>
						<div class="cb-card cs-card02" v-bind:class="'card-face-' +  specialCards.card1"></div>
						<div class="cb-card cs-card03" v-bind:class="'card-face-' +  specialCards.card2"></div>
						<div class="cb-card cs-card04" v-bind:class="'card-face-' +  specialCards.card3"></div>
						<div class="cb-card cs-card05" v-bind:class="'card-face-' +  specialCards.card4"></div>
						<div class="cb-card cs-card06" v-bind:class="'card-face-' +  specialCards.card5"></div>
						<div class="cb-card cs-card07" v-bind:class="'card-face-' +  specialCards.card6"></div>
						<div class="cb-card cs-card08" v-bind:class="'card-face-' +  specialCards.card7"></div>
						<div class="cb-card cs-card09" v-bind:class="'card-face-' +  specialCards.card8"></div>
						<div class="cb-card cs-card10" v-bind:class="'card-face-' +  specialCards.card9"></div>
						<div class="cb-card cs-card11" v-bind:class="'card-face-' +  specialCards.card10"></div>
						<div class="cb-card cs-card12" v-bind:class="'card-face-' +  specialCards.card11"></div>
						<div class="cb-card cs-card13" v-bind:class="'card-face-' +  specialCards.card12"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 按钮操作区域 -->
		<div id="operationButton" v-bind:style="viewStyle.button">

			<div v-show="game.round!=game.total_num" v-bind:style="viewStyle.readyText">
				<img src="./files/images/daoyou/common/ready_text.png" style="width: 100%;"
					 v-show="player[0].account_status==2" />
			</div>
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
				 v-show="game.round!=game.total_num" v-bind:style="viewStyle.readyButton">
				<img src="./fiesc/images/common/ready_button.png" style="width: 100%;"
					 v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&player[0].account_id>0"
					 v-on:click="imReady" />
			</div>

			<!-- 抢庄 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
				 v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="robBanker(1)" v-bind:style="viewStyle.rob">
				<img src="./fiesc/images/bull/button_orange.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.rob1">抢庄</div>
			</div>

			<!-- 不抢 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
				 v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="notRobBanker" v-bind:style="viewStyle.notRob">
				<img src="./fiesc/images/bull/button_blue.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.notRob1">不抢</div>
			</div>

			<!-- 上庄 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
				 v-show="showRob&&ruleInfo.banker_mode==5&&game.round==1" v-on:click="robBanker(1)"
				 v-bind:style="viewStyle.rob">
				<img src="./fiesc/images/bull/button_orange.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.rob1">上庄</div>
			</div>

			<!-- 不上庄 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
				 v-show="showRob&&ruleInfo.banker_mode==5&&game.round==1" v-on:click="notRobBanker"
				 v-bind:style="viewStyle.notRob">
				<img src="./fiesc/images/bull/button_blue.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.notRob1">不上庄</div>
			</div>

			<!-- 下庄 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
				 v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker"
				 v-on:click="clickGameOver" v-bind:style="viewStyle.rob">
				<img src="./fiesc/images/bull/button_blue.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.notRob1">下庄</div>
			</div>

			<!-- 准备 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
				 v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker"
				 v-on:click="imReady" v-bind:style="viewStyle.notRob">
				<img src="./fiesc/images/bull/button_orange.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.rob1">准备</div>
			</div>

			<!-- 1倍 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="robBanker(1)" v-bind:style="viewStyle.times1">
				<img src="./fiesc/images/bull/button_times.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">1倍</div>
			</div>

			<!-- 2倍 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="robBanker(2)" v-bind:style="viewStyle.times2">
				<img src="./fiesc/images/bull/button_times.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">2倍</div>
			</div>

			<!-- 4倍 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="robBanker(4)" v-bind:style="viewStyle.times3">
				<img src="./fiesc/images/bull/button_times.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">4倍</div>
			</div>

			<!-- 不抢 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="notRobBanker" v-bind:style="viewStyle.times4">
				<img src="./fiesc/images/bull/button_times_blue1.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">不抢</div>
			</div>

			<!-- 摊牌 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" id="showShowCardButton"
				 v-show="showShowCardButton" v-on:click="showCard" v-bind:style="viewStyle.showCard">
				<img src="./fiesc/images/bull13/niuniu-showdown.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">

			</div>

			<!-- 1倍 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showTimesCoin&&!player[0].multiples>0 && !player[0].is_banker&&player[0].account_status>=6"
				 v-on:click="selectTimesCoin(coinList[0])" v-bind:style="viewStyle.times1">
				<img src="./fiesc/images/bull/button_times.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">{{coinList[0]}}倍</div>
			</div>

			<!-- 2倍 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showTimesCoin&&!player[0].multiples>0&& !player[0].is_banker&&player[0].account_status>=6"
				 v-on:click="selectTimesCoin(coinList[1])" v-bind:style="viewStyle.times2">
				<img src="./fiesc/images/bull/button_times.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">{{coinList[1]}}倍</div>
			</div>

			<!-- 4倍 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showTimesCoin&&!player[0].multiples>0&& !player[0].is_banker&&player[0].account_status>=6"
				 v-on:click="selectTimesCoin(coinList[2])" v-bind:style="viewStyle.times3">
				<img src="./fiesc/images/bull/button_times.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">{{coinList[2]}}倍</div>
			</div>

			<!-- 5/8倍 -->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
				 v-show="showTimesCoin&&!player[0].multiples>0&& !player[0].is_banker&&player[0].account_status>=6"
				 v-on:click="selectTimesCoin(coinList[3])" v-bind:style="viewStyle.times4">
				<img src="./fiesc/images/bull/button_times.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
				<div v-bind:style="viewStyle.timesText">{{coinList[3]}}倍</div>
			</div>

			<!-- 抢庄文字 -->
			<div v-if="showRobText&&ruleInfo.banker_mode!=5&&ruleInfo.banker_mode!=2" v-bind:style="viewStyle.robText">
				<img src="./fiesc/images/bull/text_rob.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
			</div>

			<div v-if="showRobText&&ruleInfo.banker_mode==2" v-bind:style="viewStyle.robText2">
				<img src="./fiesc/images/bull/text_rob.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
			</div>

			<div v-if="showRobText&&ruleInfo.banker_mode==2&&player[0].bankerMultiples>0"
				 v-bind:style="viewStyle.robTimesText">
				<img v-bind:src="player[0].bankerTimesImg"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
			</div>

			<!-- 不抢庄文字 -->
			<div v-if="showNotRobText&&ruleInfo.banker_mode!=5" v-bind:style="viewStyle.notRobText">
				<img src="./fiesc/images/bull/text_notrob.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
			</div>

			<!-- 上庄文字 -->
			<div v-if="showRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.robText">
				<img src="./fiesc/images/bull/text_go.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
			</div>

			<!-- 不上庄文字 -->
			<div v-if="showNotRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.notRobText">
				<img src="./fiesc/images/bull/text_notgo.png"
					 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
			</div>

			<!-- 等待玩家下注 -->
			<div v-show="showBankerCoinText" v-bind:style="viewStyle.coinText">
				<p class="s-text" v-bind:style="viewStyle.coinText1">等待闲家下注</p>
			</div>

			<!-- 点击看牌-->
			<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" v-show="showClickShowCard"
				 v-bind:style="viewStyle.showCardText">
				<p class="w-text" v-bind:style="viewStyle.showCardText1">点击牌面看牌</p>
			</div>
		</div>
	</div>

	<!-- 新消息  -->
	<div class="chat-list-mask" v-on:click="hideMessage" v-show="isShowNewMessage"></div>
	<div class="chat-list" id="newmessage-box" v-show="isShowNewMessage">
		<ul class="chat-list-ul">
			<li v-on:click="messageOn(0)">快点吧，我等到花儿也谢了</li>
			<li v-on:click="messageOn(1)">我出去叫人</li>
			<li v-on:click="messageOn(2)">你的牌好靓哇</li>
			<li v-on:click="messageOn(3)">我当年横扫澳门九条街</li>
			<li v-on:click="messageOn(4)">算你牛逼</li>
			<li v-on:click="messageOn(5)">别吹牛逼，有本事干到底</li>
			<li v-on:click="messageOn(6)">输得裤衩都没了</li>
			<li v-on:click="messageOn(7)">我给你们送温暖了</li>
			<li v-on:click="messageOn(8)">谢谢老板</li>
			<li v-on:click="messageOn(9)">我来啦，让你们久等了</li>
			<li v-on:click="messageOn(10)">我出去一下，马上回来，等我哦</li>
			<li v-on:click="messageOn(11)">怎么断线了，网络太差了</li>
			<li v-on:click="messageOn(12)">搏一搏，单车变摩托</li>
		</ul>
	</div>
	<!-- 消息  -->
	<div class="message" v-show="isShowMessage">
		<div class="messageBack" v-on:click="hideMessage"></div>
		<div class="textPartOuter"></div>
		<div id="message-box" class="textPart" v-bind:style="'height: ' + 0.39 * height + 'px;'">
			<div id="scroll-box" class="textList" style="width: 100%;">
				<div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
			</div>
		</div>
	</div>

	<div class="window-masks return-index" id="returnIndex" v-show="isShowHomeAlert">
		<div class="border-opacity" style="">
			<div class="container" style="background: none;"><i class="mask-icon mask-top"></i><i
					class="mask-icon mask-right"></i><i class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
				<div class="main">确认返回主页？</div>
				<div class="button">
					<div class="sure" v-on:click="hall">返回首页</div>
					<div class="cancel" id="cancelBtn" v-on:click="closeHomeAlert">取消</div>
				</div>
			</div>
		</div>
	</div>

	<div class="window-masks return-index" v-show="alertType==2 && isShowAlert">
		<div class="border-opacity">
			<div class="container f-cb"><i class="mask-icon mask-top"></i><i class="mask-icon mask-right"></i><i
					class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
				<div class="main">{{alertText}}</div>
				<div class="button">
					<div class="sure" v-on:click="hall">返回首页</div>
					<div class="sure" v-show="joinType==1||joinType==3" v-on:click="guestRoom">观战</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 新规则  -->
	<div class="rules-daoyou-mask" v-show="ruleInfo.isShowNewRule" v-on:click="cancelGameRule">
		<div class="content">
			<div class="rule-title">游戏规则</div>
			<div class="niuniu-rules">
				<div class="flex-cont color-value">
					<span></span>&nbsp;&gt;&nbsp;<span></span>&nbsp;&gt;&nbsp;<span></span>&nbsp;&gt;&nbsp;<span></span>&nbsp;&gt;&nbsp;<span></span>
				</div>
				<div class="flex-cont" data-pos="1">
					<div class="name">底分：</div>
					<div class="flex-item"><span>{{ruleInfo.baseScore}}分</span></div>
				</div>
				<div class="flex-cont" data-pos="2">
					<div class="name">规则：</div>
					<div v-if="ruleInfo.timesType==1" class="flex-item"><span>牛牛×3 牛九×2 牛八×2</span></div>
					<div v-if="ruleInfo.timesType==2" class="flex-item"><span>牛牛×4 牛九×3 牛八×2 牛七×2</span></div>
				</div>
				<div class="flex-cont" data-pos="8" v-if="ruleInfo.laizi_num>0">
					<div class="name">癞子：</div>
					<div class="flex-item"><span>(万能牌) {{ruleInfo.laizi_num}}张</span></div>
				</div>
				<div class="flex-cont" data-pos="4">
					<div class="name">局数：</div>
					<div class="flex-item"><span>{{game.total_num}}局</span></div>
				</div>
				<div class="flex-cont" data-pos="7">
					<div class="name">特殊：</div>
					<div class="flex-item">允许观战&nbsp&nbsp</div>
					<div class="flex-item" v-if="ruleInfo.can_rub==1">允许搓牌</div>
				</div>
				<div class="flex-cont" data-pos="7">
					<div class="name">玩法：</div>
					<div class="flex-item" v-if="ruleInfo.isLaizi==1">赖子（万能牌）只凑牌型，不参与比牌，相同点数或者相同牌型只比较正常牌里面最大的一张</div>
				</div>
				<div class="flex-cont" data-pos="8">
					<p style="width: 100%;">
						<img src="./files/images/s13/nnRule2.png?v=20192" style="width: 100%;">
					</p>
				</div>
			</div>
			<div class="rules-bottom"></div>
			<!--            <div class="close" v-on:click="cancelGameRule"></div>-->
		</div>
	</div>

	<!-- 设置音频 -->
	<div class="audioRoom-pj" id="vaudioRoom" v-show="editAudioInfo.isShow">
		<div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
		<div class="mainPart">
			<div class="createB"></div>
			<div class="createTitle" style="height:4vh;">
			</div>
			<img src="./files/images/common/icon-close.png" class="cancelCreate" v-on:click="cancelAudioSetting" />

			<div class="blueBack">
				<div style="height:0.5vh;"></div>

				<div class="selectPart">
					<div class="selectTitle">背景音乐：</div>
					<div class="selectBox" v-on:click="setBackMusic">
						<img src="./files/images/common/vol-full.png" v-show="editAudioInfo.backMusic==1">
						<img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.backMusic!=1">
					</div>
					<div class="selectText" v-on:click="setBackMusic">
						<img src="./files/images/common/bg-sound-true.png" v-show="editAudioInfo.backMusic==1">
						<img src="./files/images/common/bg-sound-false.png" v-show="editAudioInfo.backMusic!=1">
					</div>
				</div>
				<div class="selectPart">
					<div class="selectTitle">游戏音效：</div>
					<div class="selectBox" v-on:click="setMessageMusic">
						<img src="./files/images/common/vol-full.png" v-show="editAudioInfo.messageMusic==1">
						<img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.messageMusic!=1">
					</div>
					<div class="selectText" v-on:click="setMessageMusic">
						<img src="./files/images/common/music-true.png" v-show="editAudioInfo.messageMusic==1">
						<img src="./files/images/common/music-false.png" v-show="editAudioInfo.messageMusic!=1">
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--gift-->
	<div class="giftBox" v-show="isShowGiftBox"
		 style="background-image: url(./files/images/daoyou/shop/shop_bg2.png)">
		<div style="height: 0.45rem;position: relative;">
			<img src="./files/images/daoyou/shop/title.png"
				 style="position: absolute;left: 50%;transform: translateX(-50%);width: 22vw;top: 2vw;">
		</div>
		<div style="position: relative;height: 0.7rem;font-size: 16px;">
			<img :src="opAccountInfo.headimgurl"
				 style="width: 14vw;position: absolute;left: 6vw;top: 1vw;border-radius: 6px;border: 3px solid #786560;">
			<img :src="'/files/images/daoyou/shop/sex'+opAccountInfo.sex+'.png'"
				 style="position: absolute;width: 6vw;left: 22vw;top: 2px;">
			<span
					style="position: absolute;left: 28vw;top: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 38vw;">{{opAccountInfo.nickname}}</span>
			<img src="./files/images/daoyou/shop/love.png" style="position: absolute;width: 6vw;top: 25px;left: 22vw;">
			<span style="position: absolute;left: 28vw;top: 25px;">魅力值: <span
					style="color: #d58862;">{{opAccountInfo.charm_val}}</span></span>
			<img src="./files/images/daoyou/shop/liwu.png" style="position: absolute;width: 6vw;top: 46px;left: 22vw;">
			<span style="position: absolute;left: 28vw;top: 48px;">礼物总数: <span
					style="color: #d58862;">{{opAccountInfo.gift_num}}</span></span>
		</div>
		<div class="bgScroll"
			 style="background: url(./files/images/daoyou/shop/box_bg2.png) no-repeat;background-size: 100% 100%;">
			<div style="margin-top: 16px;">
				<div class="giftItem" v-on:click="sendGit(item.skin_kw,item.use_num,item.per_ticket_num)"
					 v-for="item in giftToolsList"
					 style="background-image: url(./files/images/daoyou/shop/item_bg.png);background-size: 100% 100%;">
					<div
							style="background: url(./files/images/daoyou/shop/love_bg.png) no-repeat;background-size: 100% 100%;  width: 40px;height: 14px;position: absolute;right: 0px;top: 6px;color: #c7415f;font-size: 12px;text-align: center;line-height: 14px;text-indent: 10;">
						{{parseInt(item.charm_val)>=0?'+':''}}{{item.charm_val}}
					</div>
					<div style="width: 100%;height: 60px;position: absolute;top: 0;overflow: hidden;">
						<img class="giftPic" :class="giftName[item.skin_kw]"
							 :src="'/files/giftShop_dy/'+ giftName[item.skin_kw] + '/armatureName_' + giftName[item.skin_kw] + '_static.png?v=11'" />
					</div>
					<div
							style="position: absolute;bottom: 1.5vw;width: 100%;color: #e7d27b;border-radius: 7px;text-align: center;font-size: 12px;">
						{{item.per_ticket_num==0?'免费':item.per_ticket_num}}</div>
				</div>
			</div>
		</div>
		<div style="height: 10px;"></div>
	</div>
	<div class="giftBg" v-on:click="sendGitViewHide()" v-show="isShowGiftBox"></div>

</div>
</body>

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="./fiesc/js/canvas.js"></script>
<script type="text/javascript" src="./fiesc/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="./fiesc/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="./fiesc/js/qrcode.min.js"></script>
<script type="text/javascript" src="./fiesc/js/bscroll.js"></script>
<script type="text/javascript" src="./fiesc/js/vue.min.js"></script>
<script type="text/javascript" src="./fiesc/js/vue-resource.min.js"></script>
<script type="text/javascript" src="./files/js/s13.js?v=2023105021834"></script>
<script type="text/javascript" src="./files/js/giftFunc_dy.js?v=bs2ssss21"></script>
<script type="text/javascript" src="./files/js/gitView_daoyou.js?v=1sssss23s23"></script>
<script src="./fiesc/js/fuzhi_xl.js?v=201280918"></script>
<script src="./fiesc/js/clipboard.min.js"></script>
</html>